<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <h1>HTML &lt;a&gt; 标签</h1>

    <h2>定义与用法</h2>

    <h3>参考链接</h3>
    <p><a target="_blank" href="https://www.w3school.com.cn/tags/tag_a.asp">HTML &lt;a&gt; 标签</a></p>

    <h3>摘抄</h3>
    <p>&lt;a&gt; 标签定义超链接，用于从一张页面链接到另一张页面。</p>
    <p>&lt;a&gt; 元素最重要的属性是 href 属性，它指示链接的目标。</p>

    <h3>示例</h3>

    <h4>展示效果</h4>
    <a target="_blank" href="https://www.w3school.com.cn/tags/tag_a.asp">HTML &lt;a&gt; 标签</a>

    <h4>具体代码</h4>
    <pre>
&lt;a target=&quot;_blank&quot; href=&quot;https://www.w3school.com.cn/tags/tag_a.asp&quot;&gt;HTML &amp;lt;a&amp;gt; 标签&lt;/a&gt;
&lt;!-- 上述 (HTML &amp;lt;a&amp;gt; 标签) 是因为html中，一些特殊字符需要转义才能使用，不然会显示错误，具体的可以搜索 html 转义字符 --&gt;
    </pre>
    
    <h2 id="attr_target">target</h2>
    <h3>参考链接</h3>
    <p><a target="_blank" href="https://www.w3school.com.cn/tags/att_a_target.asp">HTML &lt;a&gt; 标签的 target 属性</a></p>

    <h3>摘抄</h3>
    <ul>
        <li>
            <span style="font-weight: bold;">_blank</span> 在新窗口中打开被链接文档。
        </li>
        <li>
            <span style="font-weight: bold;">_self</span> 默认。在相同的框架中打开被链接文档。
        </li>
        <li>
            <span style="font-weight: bold;">_parent</span> 在父框架集中打开被链接文档。
        </li>
        <li>
            <span style="font-weight: bold;">_top</span> 在整个窗口中打开被链接文档。
        </li>
    </ul>

    <h3>示例</h3>

    <h4>展示效果</h4>

    <p><a target="_blank" href="https://www.w3school.com.cn/tags/tag_a.asp">_blank 链接</a></p>
    <p><a target="_self" href="https://www.w3school.com.cn/tags/tag_a.asp">_self 链接</a></p>
    <p><a target="_parent" href="https://www.w3school.com.cn/tags/tag_a.asp">_parent 链接</a></p>
    <p><a target="_top" href="https://www.w3school.com.cn/tags/tag_a.asp">_top 链接</a></p>

    <h4>具体代码</h4>
    <pre>
&lt;p&gt;&lt;a target=&quot;_blank&quot; href=&quot;https://www.w3school.com.cn/tags/tag_a.asp&quot;&gt;_blank 链接&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a target=&quot;_self&quot; href=&quot;https://www.w3school.com.cn/tags/tag_a.asp&quot;&gt;_self 链接&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a target=&quot;_parent&quot; href=&quot;https://www.w3school.com.cn/tags/tag_a.asp&quot;&gt;_parent 链接&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a target=&quot;_top&quot; href=&quot;https://www.w3school.com.cn/tags/tag_a.asp&quot;&gt;_top 链接&lt;/a&gt;&lt;/p&gt;
    </pre>
    


</body>

</html>